/*
 * @Descripttion: 
 * @version: 
 * @Author: 马琳峰
 * @Date: 2020-11-23 16:17:53
 * @LastEditors: 马琳峰
 * @LastEditTime: 2020-11-23 16:24:59
 */
class Observer {
    constructor(data) {
        this.walk(data);
    }
    walk(data) {
        // 1.判断data是否为对象
        if (!data || typeof data !== 'object') {
            return;
        }
        // 2. 遍历data对象的所有属性
        Object.keys(data).forEach(key => {
            this.defineReactive(data, key, data[key]);
        })
    }
    defineReactive(obj, key, value) {

        let self = this;
        //负责收集依赖，并发送通知
        let dep = new Dep();

        // 如果val是对象，把value内部的属性全部转换为响应式数据
        this.walk(value);

        Object.defineProperty(obj, key, {
            enumerable: true,//遍历
            configurable: true,//枚举
            get() {
                // 收集依赖
                Dep.target && dep.addSub(Dep.target);
                return value;
            },
            set(newValue) {
                if (newValue === value) {
                    return;
                }
                value = newValue;
                self.walk(newValue);
                //发送通知
                dep.notify();
            }
        })
    }
}